<template>
	<view class="conent">
		<view class="conent_box">
			<u--text :text="infor.title" align="center" size="20" bold color="#000"></u--text>
			<view class="detail" v-html="infor.content">
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
		watch
	} from 'vue'
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import {
		trendsTitle
	} from "@/api/pages/trend.js"
	import router from '@/api/router';
	const infor = ref({})
	const id = ref("0")
	onLoad((options) => {
		console.log("123--", options)
		id.value = options.id
		trendInfor(id.value)
	})
	const trendInfor = async (id) => {
		console.log("id====", id)
		const res = await trendsTitle(id).then()
		infor.value = res.result
	}
</script>

<style lang="scss" scoped>
	.conent_box {
		margin: 10rpx;
	}
</style>